<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title></title>
    <link rel="stylesheet" th:href="@{/css/layui.css}" />
    <link rel="stylesheet" th:href="@{/css/main.css}" />
    <style>
        .goodsarg .layui-table{
            word-wrap: break-word;
            word-break: break-all;
        }
        .goodsarg .layui-table tr td:first-child{
            width: 40%;
        }
        .goodsarg .layui-table tr td:nth-child(2){
            width: 60%;
        }
    </style>
</head>
<body class="bodybg">
<div class="goodsarg">
    <table class="layui-table" lay-skin="line">

        <tbody id="t1">

        <tr>

        <td>系列码</td>

        <td>412132008093</td>

        </tr>


        </tbody>

    </table>
</div>
</body>
<script type="text/javascript" th:src="@{/js/jquery-3.1.1.min.js}"></script>
<script th:inline="javascript">
    var arr = [[${arr}]];
    var type = [[${type}]];
    var fieldarr = [
        ["品牌","品类","贸易名","品名","折射率","加膜色","色泽","功能","设计","直径","材质","阿贝数","透射比","中心厚度",
        "等级","左右眼","保质期天数","生产许可证编号","制造商","产地","经销商","镜片分类","系列","执行标准","地址"],
        ["系列码","品牌","型号","系列","材质","镜框尺寸","鼻梁尺寸","镜腿尺寸","镜腿高度","镜框外宽","镜框内宽","镜框类型",
        "颞距","外张角","前倾角","镜面角","镜眼距","身腿倾斜角","镜角弯点长","镜框几何中心点","镜框几何中心距离","执行标准","保质期天数"],
        ["系列码","品牌","型号","系列","材质","镜片功能","镜框尺寸","鼻梁尺寸","镜腿尺寸","镜腿高度","镜框外宽","镜框内宽","镜框类型",
        "颞距","外张角","前倾角","镜面角","镜眼距","身腿倾斜角","镜角弯点长","镜框几何中心点","镜框几何中心距离","执行标准","保质期天数"],
        ["系列码","品牌","型号","系列","镜架材质","镜片材质","色号","功能镜片","镜框尺寸","鼻梁尺寸","镜腿尺寸","镜腿高度","镜框外宽","镜框内宽","镜框类型",
        "颞距","外张角","前倾角","镜面角","镜眼距","身腿倾斜角","镜角弯点长","镜框几何中心点","镜框几何中心距离",
            "折射率","直径","阿贝数","执行标准","保质期天数"],
        ["系列码","品牌","型号","系列","材质","含水量(百分比)","直径","功能镜片","基弧","中心厚度","包装类型","使用时间","阿贝数","执行标准","保质期天数"],
        ["系列码","品牌","型号","成分","功能","规格","使用方法和使用范围","医疗器械注册证号","生产企业卫生许可证号","执行标准","保质期天数"],
        ["系列码","品牌","型号","尺寸","别名","备注","功能","执行标准","保质期天数"]
        ];

</script>
<script th:inline="none">
    $(function () {
        var str = ''
        for (var i = 0; i < fieldarr[(type-1)].length; i++) {
            var val = "";
            if(arr[i]){
                val = arr[i];
            }
            str += '<tr><td>' + fieldarr[(type - 1)][i] + '</td><td>' + val + '</td></tr>';
        }
        $("#t1").html(str);
    })

</script>
</html>